﻿

<?php echo $header ?>
            <div class="breadcrumb"> &nbsp;&nbsp;<a href="" class="headerNavigation">Top</a> » <a href="" class="headerNavigation">Catalog</a> » <a href="checkout_shipping.php" class="headerNavigation">Checkout</a> » <a href="checkout_shipping.php" class="headerNavigation">Shipping Method</a></div>             
             <div class="clear"></div>
             
			             
            <div class="clear"></div>
 

<div class="bg_content">
<?php echo $column_left?>
<div id="bodyContent" class="grid_20   push_4">

<script type="text/javascript"><!--
var selected;

function selectRowEffect(object, buttonSelect) {
  if (!selected) {
    if (document.getElementById) {
      selected = document.getElementById('defaultSelected');
    } else {
      selected = document.all['defaultSelected'];
    }
  }

  if (selected) selected.className = 'moduleRow';
  object.className = 'moduleRowSelected';
  selected = object;

// one button is not an array
  if (document.checkout_address.shipping[0]) {
    document.checkout_address.shipping[buttonSelect].checked=true;
  } else {
    document.checkout_address.shipping.checked=true;
  }
}

function rowOverEffect(object) {
  if (object.className == 'moduleRow') object.className = 'moduleRowOver';
}

function rowOutEffect(object) {
  if (object.className == 'moduleRowOver') object.className = 'moduleRow';
}
//--></script>

<h1>Thông tin giao hàng</h1>

<form name="checkout_address" action="checkout_shipping.php" method="post"><input name="formid" value="71816b4f28a4f3afbebd124d01e846a0" type="hidden"><input name="action" value="process" type="hidden">
<div class="contentContainer min_height_750">
  <h2>Shipping Address</h2>

 
 
</div>
    </div>
	 <div class="contentText">
    <div class="ui-widget infoBoxContainer" style="float: right;">
      <div class="ui-widget-header infoBoxHeading">Shipping Address:</div>
<!-- the shipping address, you can  get profile  of user -->
      <div class="ui-widget-content infoBoxContents">
        123123123<br> 123 123<br> 123123123123<br> 12312312<br> 123213, 3123123123<br> 123, Algeria      </div>
    </div>

   </div>
    Please choose from your address book where you would like the items to be delivered to.<br /><br /><span class="tdbLink"><a id="tdb9" href="/checkout_shipping_address.php">Change Address</a></span><script type="text/javascript">$("#tdb9").button({icons:{primary:"ui-icon-home"}}).addClass("ui-priority-secondary").parent().removeClass("tdbLink");</script>  </div>

  <div style="clear: both;"></div>

  <h2>Shipping Method</h2>


  <div class="contentText">
    This is currently the only shipping method available to use on this order.  </div>


  <div class="contentText">
    <table border="0" cellpadding="2" cellspacing="0" width="100%">


      <tbody><tr>
        <td colspan="3"><strong>Flat Rate</strong>&nbsp;</td>
      </tr>

      <tr id="defaultSelected" class="moduleRowSelected" onmouseover="rowOverEffect(this)" onmouseout="rowOutEffect(this)" onclick="selectRowEffect(this, 0)">

        <td style="padding-left: 15px;" width="75%">Best Way</td>


        <td colspan="2" align="center">$5.00<input name="shipping" value="flat_flat" type="hidden"></td>


      </tr>


    </tbody></table>
  </div>


  <h2>Add Comments About Your Order</h2>

  <div class="contentText">
    <textarea name="comments" cols="60" rows="5"></textarea>  </div>

  <div class="contentText">
    <div style="float: left; width: 60%; padding-top: 5px; padding-left: 15%;">
      <div aria-valuenow="33" aria-valuemax="100" aria-valuemin="0" role="progressbar" class="ui-progressbar ui-widget ui-widget-content ui-corner-all" id="coProgressBar" style="height: 5px;"><div style="width: 33%;" class="ui-progressbar-value ui-widget-header ui-corner-left"></div></div>

      <table border="0" cellpadding="2" cellspacing="0" width="100%">
        <tbody><tr>
          <td class="checkoutBarCurrent" align="center" width="33%">Delivery Information</td>
          <td class="checkoutBarTo" align="center" width="33%">Payment Information</td>
          <td class="checkoutBarTo" align="center" width="33%">Confirmation</td>
        </tr>
      </tbody></table>
    </div>

     <div style="float: right;"><span class="tdbLink"><button id="tdb10" type="submit">Continue</button></span><script type="text/javascript">$("#tdb10").button({icons:{primary:"ui-icon-triangle-1-e"}}).addClass("ui-priority-primary").parent().removeClass("tdbLink");</script></div>
  </div>
</div>

<script type="text/javascript">
$('#coProgressBar').progressbar({
  value: 33
});
</script>

</form>

</div> 


<div class="clear"></div>
   
</div> 
